<template>
  <router-view />
</template>

<style lang="scss">
	$backGroundColor:var(--sls-meus-active-background);
	
	.el-menu-item:hover{
		background-color: $backGroundColor !important;
	}
	
	#app {
		color: #2c3e50;
		.home{
			.menus{
				.is-active{ //选中的 菜单
					background-color: $backGroundColor;
				}
				.el-menu{
					border:none !important;
				}
				.el-sub-menu .el-menu-item{
					padding: 0 0 0 60px !important;
					display: flex;
					align-items: center;
					justify-content: flex-start;
					width: 100%;
				}
				.el-sub-menu__title:hover{
					background-color: $backGroundColor !important;
				}
				.el-menu-item-group__title{
					display: none;
				}
				.el-sub-menu__title{
					padding:0 0 0 18px !important;
					display: flex;
					justify-content: flex-start;
					align-items: center;
				}
			}
		}
		@-webkit-keyframes rotation {
			from {
				-webkit-transform: rotate(0deg);
			}
		
			to {
				-webkit-transform: rotate(360deg);
			}
		}
	}
</style>
